<template>
  <div class="homemove">
    <div class="homemove_a">
      <div class="allzs_ad">?</div>
      <div class="sonre_ah">
        <ul>
          <li>
            <p>17</p>
            <p>微小体动</p>
          </li>
          <li>
            <p>6</p>
            <p>翻身</p>
          </li>
        </ul>
      </div>
      <fAce06 :datail="data06"  v-if="data06.length"></fAce06>
    </div>
  </div>
</template>

<script>
  export default {
    data(){
      return{
        data06:[],//这是图表1

      }
    },
    created(){
      this.forCe();
    },
    components:{
      fAce06:()=>import("./force06"),
    },
    methods:{
      forCe(){
        var that=this;
        that.$axios.get('../../../static/apijson/force05a.json').then((response) => {
          console.log(response)
          that.data06=response.data;
        });
      }
    }
  }
</script>

<style lang="scss" type="text/css" scoped>
  .homemove{
    width:100%;
    float:left;

  .homemove_a{
    margin: 0 0.3rem 0.2rem;
    height: 5.2rem;
    background: #0d2e71;
    border-radius: 0.1rem;
  .sonre_ah{
    width:100%;
    float:left;
    margin-top:-0.1rem;
  ul{
    margin-left:0.3rem;
  li{
    list-style: none;
    width:1.58rem;
    float:left;
    text-align:left;
    color:#ffffff;
  }
  li:first-child{
  p:first-child{
    font-size: 0.36rem;
  }
  p:last-child{
    font-size: 0.24rem;
  }
  }
  li:last-child{
    text-align:left;
    color:#ffffff;
  p:first-child{
    font-size: 0.36rem;
    color:#06c0e9;
  }
  p:last-child{
    font-size: 0.24rem;
  }
  }
  }
  }
  .homemove_atl{
    width: 100%;
    height: 100%;
    float: left;
    color:#bdbdbd;
    font-size:0.24rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    text-align:right;
    height:0.3rem;
  img{
    width:0.3rem;
    height:0.3rem;
    float:right;
    margin-right: 0.16rem;
  }
  span{
    float: right;
    margin-right: 0.2rem;
  }
  }
  }
  }
</style>
